import React, { Component } from 'react'
import {SearchContainer,InputContainer,InputBorderContainer} from './Search.style'
export default class Search extends Component {
    static defaultProps={
        radius:0.2,
        inputBg:'#ffffff',
        bg:'#f5f5f5'
    }
    render() {
        let Input = this.props.hasBorder?InputBorderContainer:InputContainer;
        return (
            <SearchContainer bg={this.props.bg}>
               <Input radius={this.props.radius} inputBg={this.props.inputBg}>
                   <i></i>
                   <input type="text" placeholder={this.props.placeholder}/>
               </Input>
            </SearchContainer>
        )
    }
}
